<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>

<html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
	<head>
		<meta charset="UTF-8">
		<title>主界面</title>
		<!-- 引入reset.css用来清除浏览器的默认样式 -->
		<link rel="stylesheet" type="text/css" href="<%=path%>/css/YXQ/reset-min.css" />
		<!-- 引入page-index -->
		<link rel="stylesheet" type="text/css" href="<%=path%>/css/YXQ/main-page.css" />
	</head>

	<body>
		<!--header开始-->
		<div class="header w ">

			<!--
            	创建左边盒子
            -->
			<div class="left_div">
				<div class="left_div_1">
					<p>下午好，${userName}</p>
				</div>
				<div class="left_div_2" style="margin: 3px auto;">
					<td id="youId_1">
						<select name="yourName" id="yourId">
							<option value="1">用户中心</option>
							<option value="2">候选项2</option>
							<option value="3">候选项3</option>
							<option value="4">候选项4</option>
							<option value="5">候选项5</option>
						</select>
					</td>

				</div>
				<div class="left_div_3">
					<li>
						<a href="#">退出</a>
					</li>
				</div>
			</div>
			<!--创建一个logo盒子-->
			<div class="logo_div"></div>
			<!-- 创建一个导航条 -->
			<ul class="nav">
				<li>
					<a href="#" class="act">上海利林置业商业地产综合业务服务平台</a>
				</li>
				<li>
					<a href="<%=path%>/CJK/Test">商家品牌中心</a>
				</li>
				<li>
					<a href="#">项目管理中心</a>
				</li>

				<li>
					<a href="#">知识库中心</a>
				</li>

			</ul>
		</div>
		<!--header结束-->

		<!--header_1开始-->
		<div class="header_1">
			<!--商标-->
			<div class="logo_div_2">

			</div>
			<div style="margin: -33px 455px; border-left: solid lightslategrey; ">
				<p style="font-size: 22px;font-family: '微软雅黑';color: grey; margin:-3px 10px;">商家品牌库</p>
			</div>

			<div class="SSK">
				<input class="txt" type="text" placeholder="ღゝ◡╹)ノ♡    请输入关键字" />
				<input class="btn" type="submit" value="搜 索">
				<li style="float: left;margin: 5px auto;list-style:none;">
					<a href="#">高级搜索</a>
				</li>
				<input class="btn" type="submit" value="+ 添加商品" onclick="javascript:window.location.href='<%=path%>/YXQ/addshopping'" style="margin-top:-6px;margin-left: 200px;float: right;height: 40px;width: 100px;background-color: transparent;color: blue;border: groove;">
			</div>

			<div class="select" style="background-color: transparent;">
				<ul class="header_1_nav_1">

					<li>
						<a href="#">Chanel</a>
					</li>
					<li>
						<a href="#">LV</a>
					</li>
					<li>
						<a href="#">雍福会</a>
					</li>
					<li>
						<a href="#">Hemes</a>
					</li>
					<li>
						<a href="#">SATO锦</a>
					</li>
				</ul>
			</div>

		</div>
		<!--header_1结束-->

		<!--banner开始-->
		<div class="banner">
			<!--创建一个logo盒子-->
			<div class="logo_div_3"></div>
			<div id="BQ">
				<p id="BQ_1">5000个品牌 |</p>
			</div>
			<div id="txt" style="float: left; margin-left: 30px; margin-top: 45px;">
				<p id="txt_1" style="font: '微软雅黑' 14px; color: white;">一级业态品牌5个，二级业态品牌50个，三级业态品牌321个<br><br> 一线品牌1800个，二线品牌2340个，三线品牌860个
				</p>
			</div>
		</div>
		<!--banner结束-->

		<!--connect开始-->
		<div class="connect">
			<!--字母栏开始-->
			<div id="SY">
				<p style="color:blue;margin-top: 1px;margin-left: 5px; padding-top: 5px;padding-left: 3px;float:left; ">按品牌首字母 :</p>
				<ul id="SY_ul">
					<li>
						<a>A</a>
					</li>
					<li>
						<a>B</a>
					</li>
					<li>
						<a>C</a>
					</li>
					<li>
						<a>D</a>
					</li>
					<li>
						<a>E</a>
					</li>
					<li>
						<a>F</a>
					</li>
					<li>
						<a>G</a>
					</li>
					<li>
						<a>H</a>
					</li>
					<li>
						<a>I</a>
					</li>
					<li>
						<a>J</a>
					</li>
					<li>
						<a>K</a>
					</li>
					<li>
						<a>L</a>
					</li>
					<li>
						<a>M</a>
					</li>
					<li>
						<a>N</a>
					</li>
					<li>
						<a>O</a>
					</li>
					<li>
						<a>P</a>
					</li>
					<li>
						<a>Q</a>
					</li>
					<li>
						<a>R</a>
					</li>
					<li>
						<a>S</a>
					</li>
					<li>
						<a>T</a>
					</li>
					<li>
						<a>U</a>
					</li>
					<li>
						<a>V</a>
					</li>
					<li>
						<a>W</a>
					</li>
					<li>
						<a>X</a>
					</li>
					<li>
						<a>Y</a>
					</li>
					<li>
						<a>Z</a>
					</li>
				</ul>
			</div>
			<!--字母栏结束-->
			<!--主体内容开始-->

			<div class="contact">
			
				<!--第一行开始-->
				<div class="contact_1 " style="border: none;margin-top:35px ; ">
					<tr>
						<td>
							<a style="font-weight: bolder; color: blue; ">零售</a>
						</td>

						<td>
							<p style="margin-top:10px; ">1000个品牌，400个一线，400个二线，200个三线</p>
						</td>
					</tr>
				</div>
				<div class="contact_1 " style="padding-left: 20px; ">
					<tr>
						<td>
							<p><b>服 装</b> &nbsp;&nbsp;&nbsp;一线 20&nbsp;&nbsp;二线 20&nbsp;&nbsp;三线 20</p>
						</td>
						<td>
							<p><b>超 市</b> &nbsp;&nbsp;&nbsp;一线 22&nbsp;&nbsp;二线 22&nbsp;&nbsp;三线 22</p>
						</td>
						<td>
							<p><b>化妆护肤</b> &nbsp;&nbsp;一线 34&nbsp;&nbsp;二线 34&nbsp;&nbsp;三线 34</p>
						</td>
					</tr>
				</div>
				<div class="contact_1 " style="border: none;margin-left: 100px; ">
					<tr>
						<td>
							<p><b>珠宝钟表 </b>&nbsp;&nbsp;一线 20 &nbsp;&nbsp;二线 20 &nbsp;&nbsp;三线 20</p>
						</td>
						<td>
							<p> <b>数码电器 </b>&nbsp;&nbsp;一线 22 &nbsp;&nbsp;二线 22 &nbsp;&nbsp;三线 22</p>
						</td>
						<td>
							<p><b>杂 货 </b>&nbsp;&nbsp;&nbsp;一线 34 &nbsp;&nbsp;二线 34 &nbsp;&nbsp;三线 34</p>
						</td>
					</tr>
				</div>
				
				
			<!--第二行开始-->
			<!--添加下划线
				<div>
				<hr style="height:3px;border:none;border-top:3px double red;float:left;" />
				</div>-->
			<div class="contact_2 " style="margin-top: 80px; margin-left: 20px;">

				<tr>
					<td>
						<a style="font-weight: bolder; color: blue; ">餐饮</a>
					</td>
					<td>
						<p>1000个品牌，400个一线，400个二线，200个三线 </p>
					</td>
				</tr>

			</div>

			<div class="contact_2 " style="border-left: groove;padding-left: 20px; ">
				<tr>
					<td>
						<p><b>中式餐饮</b>&nbsp;&nbsp;一线 20&nbsp;&nbsp;二线 20&nbsp;&nbsp;三线 20</p>
					</td>
					<td>
						<p><b>特色餐饮</b>&nbsp;&nbsp;一线 22&nbsp;&nbsp;二线 22&nbsp;&nbsp;三线 22</p>
					</td>
					<td>
						<p><b>快 餐 </b>&nbsp;&nbsp;一线 34&nbsp;&nbsp;二线 34&nbsp;&nbsp;三线 34</p>
					</td>
				</tr>
			</div>
			<div class="contact_2 " style="margin-left:113px; ">
				<tr>
					<td>
						<p><b>休闲餐饮</b>&nbsp;&nbsp;一线 20&nbsp;&nbsp;二线 20&nbsp;&nbsp;三线 20</p>
					</td>
					<td>
						<p><b>创意餐饮</b>&nbsp;&nbsp;一线 22&nbsp;&nbsp;二线 22&nbsp;&nbsp;三线 22</p>
					</td>
					<td>
						<p><b>其 他 </b> &nbsp;&nbsp;一线 34&nbsp;&nbsp;二线 34&nbsp;&nbsp;三线 34</p>
					</td>
				</tr>
			</div>
			<!--添加下划线
				<hr style="height:5px;border:none;border-top:5px ridge green;" />-->
			<!--第三行开始-->

			<div class="contact_3 ">

				<tr>
					<td>
						<a style="font-weight: bolder; color: blue; ">娱乐</a>
					</td>
					<td>
						<p>1000个品牌，400个一线，400个二线，200个三线 </p>
					</td>
				</tr>
			</div>
			<div class="contact_3 " style="border-left: groove;padding-left: 20px; ">
				<tr>
					<td>
						<p><b>设施类</b>&nbsp;&nbsp;一线 20&nbsp;&nbsp;二线 20&nbsp;&nbsp;三线 20</p>
					</td>
					<td>
						<p><b>体验类</b>&nbsp;&nbsp;一线 20&nbsp;&nbsp;二线 20&nbsp;&nbsp;三线 20</p>
					</td>
				</tr>

			</div>
		</div>
			</div>

		<!--footer开始-->
		<div class="footer">
<hr style="height:10px;border:none;border-top:3px groove skyblue;" />
			<div class="SQ" style="margin-top:20px;margin-left:550px;margin-bottom:10px ;">
				<!--	<hr style="margin-top: 0px;color:#000000;width: 1500px;"/>-->
				<div id="footer_youId_1">
					<select name="yourName" id="footer_yourId">
						<option value="1">&nbsp;品牌</option>
						<option value="2">候选项2</option>
						<option value="3">候选项3</option>
						<option value="4">候选项4</option>
						<option value="5">候选项5</option>
					</select>
				</div>

				<input class="txt" type="text" placeholder="ღゝ◡╹)ノ♡    请输入关键字" />
				<input class="btn" type="submit" value="搜 索" style="height:30px;">
			</div>
			<div style="width: 1000px; margin: 60px auto;margin-bottom:0px ;">
				<hr style="height:10px;border:none;border-top:3px groove skyblue;" />
			</div>
			<div style="margin-top: 20px;">
				<p style=" font:10px; text-align: center; color: blue;"> 利林置业商业地产综合业务管理平台 商家品牌 COPYRIGHT © 2016 ALL RIGHTS RESERVED </p>
			</div>
		</div>
	</body>

</html>